<template>
  <div>
    <div>
      <!-- <a href="#/homePage">首页</a>
      <a href="#/classification">分类</a>
      <a href="#/order">订单</a>
      <a href="#/my">我的</a> -->
      <router-link to='/homePage'>首页</router-link>
      <router-link to='/classification'>分类</router-link>
      <router-link to='/order'>订单</router-link>
      <router-link to='/my'>我的</router-link>
      <h2>显示路由切换的页面！</h2>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
a{
  margin-left: 10px;
}
</style>